<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
    <title>CiUI Demo</title>
    <meta name="viewport" content="width=320"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" type="text/css" href="CiUI.css" />
    <script src="CiUI.js" type="text/javascript"></script>
</head>

<body>
    <div id="iphone_header">
        <div id="iphone_backbutton">
            <img src="images/back-button-tip.png" border="0" align="left" />
            <a id="iphone_backbutton_text" href="#" class="go_back">Back</a>
        </div>
    	<div id="iphone_title"></div>
	</div>

	<div id="iphone_body" style="clear:both;">
		<ul class="menu">
			<li><a href="form.php?demo=1" class="go_forward" title="Form Demo 1">Form Demo 1</a></li>
			<li><a href="form.php?demo=2" class="go_forward" title="Form Demo 2">Form Demo 2</a></li>
			<li><a href="page.php?page=1" class="go_forward" title="Item 1">Item 1</a></li>
			<li><a href="page.php?page=2" class="go_forward cache" title="Item 2">Item 2 (cached)</a></li>
			<li><a href="page.php?page=3" class="go_forward" title="Item 3">Item 3</a></li>
			<li><a href="page.php?page=4" class="go_forward" title="Item 4">Item 4</a></li>
			<li><a href="page.php?page=5" class="go_forward" title="Item 5">Item 5</a></li>
		</ul>
		<br style="clear:both"/>
	</div>

	<div id="iphone_footer">My footer for CiUI demo</div>

	<div id="iphone_loading_page">
		<div id='loading' class="info_msg">
			<img src="images/loading.gif" /><br />
			loading...
		</div>
	</div>
</body>
</html>
